<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title>GlightJS示例</title>
</head>
<body>
<div id="show"></div>
<div id="date"></div>

<script type="text/javascript" src="../lib/Glight.js"></script>
<script>
/*这里仅仅是个例子，使用时请规划好自己的模块*/


GlightJS.base = "./Glight-module";	// 设置全局模块路径

define(function(require, base){
	var m = require("MyModule");
	m.hello();

	var $ = require("jquery");		// 鉴于大家都喜欢jQuery，这里就不例外的弄个jQuery的模块，很简单的
	$("#show").html(m.getInfo());
});


// 可以多个define闭包哦
define(function(require, base){
	var $ = require("jquery");
	var T = require("Time");
	var html = $(
			 '<p>现在时间：<span class="J_gz"></span>&nbsp;&nbsp;<span class="J_date"></span>&nbsp;&nbsp;<span class="J_leap"></span></p>'
			+'<p>生肖：<span class="J_sx"></span>&nbsp;&nbsp;&nbsp;&nbsp;星座：<span class="J_xz"></span></p>'
			+'<p>今年已过去：<span class="J_past"></span></p>'
			+ '<p>距离明年还剩：<span class="J_had"></span></p>'
			);
	setInterval((function(){
		html.find(".J_date").html(T.strftime("%Y-%M-%D %H:%I:%S"));
		html.find(".J_gz"  ).html(T.magicInfo("GZ")+"年");
		html.find(".J_leap").html(T.isLeapYear()?"闰年":"平年");
		html.find(".J_sx"  ).html(T.magicInfo("SX"));
		html.find(".J_xz"  ).html(T.magicInfo("XZ"));
		html.find(".J_past").html(T.converter("{%d天}{%H时}{%I分}{%S秒}", new Date().getTime()-T.thisYear()));
		html.find(".J_had" ).html(T.converter("{%d天}{%H时}{%I分}{%S秒}", T.nextYear()-new Date().getTime()));
		return arguments.callee;
	})(), 1000);
	$("#date").html(html);
});

// 你会发现，其实是下面这个最先执行，因为前两个define都有模块依赖，需要加载模块，所以可能会慢些，同一文件下，define的执行顺序是不确定的，所以建议还是一个文件一个define，而对于模块，一个文件只能含有一个define
define(function(){
	alert("这段代码最先执行哦");
});
</script>

</body>
</html>